<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="<?php echo IMG_PATH ?>bdkd/css1/Newlogistics.css" />
    <script src="<?php echo IMG_PATH ?>bdkd/js1/rem.js"></script>
    <script src="<?php echo IMG_PATH ?>bdkd/js1/zepto.js" type="text/javascript" charset="utf-8"></script>
    <script src="<?php echo IMG_PATH ?>bdkd/js1/jquery-1.11.1.min.js"></script>
   <title>物流详情</title>
   
</head>
<body>
<?php
?>
	<div class="nav">
		<p class="nav_p0"><img src="<?php echo IMG_PATH ?>bdkd/img1/11.png"/></p>
		<div class="nav_d1">
			<p class="nav_p1">物流状态 ：<span><?php echo $info['state']; ?></span></p>
			<p class="nav_p2">承运来源 ：
                <span>
                    <?php
                    if($info['code']=='zhongtong'){
                     ?>
                        中通
                    <?php
                    }
                    if($info['code']=='yousuwuliu'){
                    ?>
                        优速物流
                    <?php
                    }
                    if($info['code']=='yunda'){
                        ?>
                        韵达
                        <?php
                    }
                    if($info['code']=='yuantong'){
                        ?>
                        圆通
                        <?php
                    }
                    if($info['code']=='shunfeng'){
                        ?>
                        顺丰
                        <?php
                    }
                    if($info['code']=='debangwuliu'){
                        ?>
                        德邦物流
                        <?php
                    }
                    if($info['code']=='huitongkuaidi'){
                        ?>
                        百世汇通
                        <?php
                    }
                    if($info['code']=='shentong'){
                        ?>
                        申通
                        <?php
                    }
                    ?>

                </span></p>
			<p class="nav_p3">运单编号 ：<span><?php echo $info['ex_order']; ?></span></p>
		</div>
	</div>
<?php
if(!empty($info['list'])){
?>

    <div class="content">
        <ul class="content-ul">
<!--            <li class="active">-->
<!--                <div>-->
                    <p class="content-img"><img src="<?php echo IMG_PATH ?>bdkd/img1/圆@2x.png" class="now"/></p>
<!--                    <p class="content-line"></p>-->
<!--                </div>-->
<!--                <div>-->
<!--                    <p>-->
<!--                        [ 北京市 ] 快递已签收，感谢您使用顺分快递！感谢您使用顺丰快递，期待再次为您服务。-->
<!--                    </p>-->
<!--                    <p class="content-sj">2017-06-07 11:57:34</p>-->
<!--                </div>-->
<!--            </li>-->
            <?php
            foreach ($info['list'] as $val){
            ?>
                <li>
                    <div>
                        <p class="content-bol"></p>
                        <p class="content-line"></p>
                    </div>
                    <div>
                        <p>
                            <?php echo $val['context']?>
                        </p>
                        <p class="content-sj"><?php echo $val['time']?></p>
                    </div>
                </li>
            <?php
            }
            ?>
        </ul>
    </div>

<?php
}
?>

</body>
<script>
	$(function(){
		$($(".content-line")[0]).css('height',$($(".content-bol")[0]).offset().top - $('.now').offset().top-20);
		$($(".content-line")[1]).css('height',$($(".content-bol")[1]).offset().top - $($(".content-bol")[0]).offset().top-12);
		$($(".content-line")[2]).css('height',$($(".content-bol")[2]).offset().top - $($(".content-bol")[1]).offset().top-12);
	})
    $(".content-ul li:first").attr("class","active");

</script>
</html>